<template>
  <div>
    <div class="person-center-user-tags personcenter-panel">
      <div class="user-tags-title personcenter-panel-title" >标签</div>
      <div>
        <el-tag
          :key="tag"
          v-for="tag in personTagsList"
          closable
          size="small"
          :disable-transitions="false"
          @close="handleClose(tag)"
        >{{tag}}</el-tag>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "PersonCenterUserTags",
  props: {},
  components: {},
  data() {
    return {
      personTagsList: ["傻X"]
    };
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {}
};
</script>

<style scoped lang="scss">
.person-center-avatarHolder {
  text-align: center;
  margin-bottom: 24px;
  img {
    width: 104px;
    height: 104px;
    margin-bottom: 20px;
  }
  .person-center-name {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
    margin-bottom: 4px;
  }
}
</style>
